$(function(){// 入口函数
    getUserInfo();

    // 退出功能
    $('#btnLogout').click(function(){
        console.log(111);
        layer.confirm('是否要退出?',{icon:3,title:'提示'},function(index){
            // 要删除本地存储 跳转到登录页面
            localStorage.removeItem('token');
            location.href = '/login.html'
        });
    })
})

function getUserInfo(){
    $.ajax({
        method:'get',
        url:'/my/userinfo',
        headers:{
            Authorization:localStorage.getItem('token')
        },
        success:function(res){
            console.log(res);
            if(res.status != 0)return layui.layer.msg('获取用户信息失败')
            renderAvatar(res.data)
        },

        


        complete:function(res){
            // 不管成功还是失败都会执行
            console.log(res);
            if(res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！'){
                // 1.强制清空token
                localStorage.removeItem('token')
                // 2.跳转到登陆页面
                location.href = '/login.html'
            }
        }
    })
}

function renderAvatar(user){
    console.log(123);
    var name = user.nickname || user.username;// 短路运算
    $('#welcome').html('欢迎' + name);

    // 如果有头像，就用头像，如果没头像，就把用户名首字母大写放到span里面
    // 按需渲染用户的头像
    if(user.user_pic !== null){
        // 渲染图片头像
        $('.layui-nav-img').attr('src',user.user_pic).show()
        $('.text-avatar').hide()
    } else {
        // 渲染文本头像
        $('.layui-nav-img').hide()
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
    }
}